<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-touch-fullscreen" content="YES"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>支付</title>
    <link rel="stylesheet" href="../../css/base1.css"/>
    <link rel="stylesheet" href="../../css/unionPay.css"/>
    <link rel="stylesheet" href="../../js/bankCardAttribution.js"/>
    <!-- <link rel="stylesheet" href="../../static/css/payment.css"/> -->
</head>
<body>
<div class="wrap">
    <header class="head-contain">
        <a href="javascript:;" class="head-pre" onclick="returnBack()"><img src="../../img/ic_back.png" alt=""/></a>
        <p class="head-title">添加银行卡</p>
    </header>
    <!-- 内容 -->
    <div class="panel-contain">
        <header class="panel-header">
                <h3 class="panel-title">请绑定持卡人本人的银行卡</h3>
        </header>
        <div class="up-list">

            <!-- 银联列表: 卡号 -->
            <div class="up-item mustWrite" id="Acctno">
                <label class="up-title" for="cardNum">卡&nbsp;&nbsp;&nbsp;号</label>
                <input class="up-control fr" type="phone" placeholder="请输入银行卡号" id="cardNum"/>
            </div>

            <!-- 银联列表: 卡类型 -->
            <div class="up-item">
                <label class="up-title" for="cardType" >卡类型</label>
                <div class="up-control fr up-select" >
                    <p placeholder="请选择卡类型" id="cardType">请选择卡类型</p>
                    <span class="up-next"><img src="../../../img/ic_back.png" alt=""/></span>
                </div>
            </div>

            <!-- 银联列表: 持卡人 -->
            <div class="up-item mustWrite" id="Acctname">
                <label class="up-title" for="cardName" >持卡人</label>
                <input class="up-control fr" type="text" placeholder="请输入持卡人姓名" id="cardName"/>
            </div>

            <!-- 银联列表: 身份证 -->
            <div class="up-item mustWrite" id="cardIdNo">
                <label class="up-title" for="cardId" >身份证</label>
                <input class="up-control fr" type="text" placeholder="请输入持卡人身份证" id="cardId"/>
            </div>

            <!-- 银联列表: 手机号 -->
            <div class="up-item mustWrite" id="Mobile">
                <label class="up-title" for="cardPhone" >手机号</label>
                <input class="up-control fr" type="phone" placeholder="请输入持卡人手机号" id="cardPhone"/>
            </div>

            <!-- 银联列表: 有效期 -->
            <div class="up-item credit-card" style="display: none;" id="Validdate">
                <label class="up-title" for="cardTime" >有效期</label>
                <input class="up-control fr" type="date" placeholder="请输入有效期" id="cardTime"/>
            </div>

            <!-- 银联列表: Cvv2 -->
            <div class="up-item credit-card" style="display: none;" id="Cvv2">
                <label class="up-title" for="cardCvv2" >Cvv2</label>
                <input class="up-control fr" type="phone" placeholder="请输入Cvv2" id="cardCvv2"/>
            </div>
        </div>
         </div>
         <div class="payment-button">
            <button onclick="reg()" data-type="" id="nextBtn">下一步</button>
        </div>
    </div>
     <!-- 弹出层 -->
    <div class="popup-wrapper" id="popup" style="display: none;">
            <div class="popup-lightBox"></div>
            <div class="popup-panel-wrapper">
            <div class="popup-panel">
                <!-- 弹框标题栏: 开始 -->
                <header class="popup-header">
                    <h3 class="popup-title">选择支付方式</h3>
                    <span class="popup-x" id="popupX">×</span>
                </header>
                <!-- 弹框标题栏: 结束 -->

                <!-- 弹框中间部分:开始 -->
                <div class="popup-content" id="popupList">
                     <div class="popup-item">
                        <p class="popup-info">储蓄卡</p>
                        <span class="popup-next"><img src="../../../img/ic_back.png"/></span>
                    </div>
                    <div class="popup-item">
                        <p class="popup-info">信用卡</p>
                        <span class="popup-next"><img src="../../../img/ic_back.png"/></span>
                    </div>
                </div>
                <!-- 弹框中间部分:结束 -->

                <!-- 弹框底部栏目:开始 -->
            <!-- <footer class="popup-footer" >
                     <div class="popup-item">
                        <img class="popup-icon" src="" alt="">
                        <p class="popup-info">测试啊大叔多达到捡垃圾了加速度计看</p>
                    </div>
                </footer> -->
                <!-- 弹框底部栏目:结束-->

            </div>
        </div>
    </div>
    <!-- 提示框 -->
    <div class="msg-wrapper" id="js_tipsPanel">
    <div class="msg-tips-pop tips-success" id="js_tips" style="">
      <div class="tips-content" id="tips">asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克 撒旦</div>
    </div>
</div>

</body>
<script src="../../js/AutoAdapter.js"></script>
<!-- <script src="../../static/js/___payment/adpter.js"></script> -->
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/unionPay.js"></script>
</html>
